<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/goods.css">
    <title>商品详情</title>
</head>

<body>
    <header></header>
    <div class="goods-center" id="goods-out">
    </div>
    <script type="text/html" id="goods-in">
        <div class="middle-center">
            <div class="middle-center-left">
                <div id="imgwrapper">
                    <img id="zoom_03" src="{{arr[0].imgs}}" data-zoom-image="{{arr[0].imgs}}" />
                </div>
                <div id="pics">
                    <a href="http://www.sucaihuo.com/js" data-image="{{arr[0].imgs}}"
                        data-zoom-image="{{arr[0].imgs}}">
                        <img src="{{arr[0].imgs}}" />
                    </a>

                    <a href="#" data-image="{{arr[0].otherimg1}}" data-zoom-image="{{arr[0].otherimg1}}">
                        <img src="{{arr[0].otherimg1}}" />
                    </a>

                    <a href="#" data-image="{{arr[0].otherimg2}}" data-zoom-image="{{arr[0].otherimg2}}">
                            <img src="{{arr[0].otherimg2}}" />
                        </a>
                </div>
            </div>
            <div class="middle-center-right">
                <p class="title">{{arr[0].title}}</p>
                <p>价格：<span class="price">￥{{arr[0].price.toFixed(2)}}</span></p>
                <p>颜色：<span>{{arr[0].color}}</span></p>
                <p>尺码：<span>{{arr[0].style}}</span></p>
                <p>数量：<span>{{arr[0].sale}}</span></p>
                <div class="chose-box">
                    <b><a id="buynow" href="/html/shopping.html">立即购买</a></b>
                    <b id="goshopping">加入购物车</b>
                </div>
            </div>
        </div>
    </script>


    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/goods"></script>

</html>